<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets">

<h:head>
        <link rel="stylesheet" type="text/css" href="#{resource['css:styles.css']}" />    
</h:head>    
    
    <ui:composition template="templates/content.xhtml">
        <ui:define name="content">  

            <h:body>
                <ui:repeat value="#{searchBean.getHighlights()}" var="item">
                    <h:form>
                        <h:inputHidden value="#{farmUserController.signedIn}" />
                    </h:form>
                    <h2><h:outputText value="#{item.address}" /></h2>
                    Price: <h:outputText value="#{item.price}" /><br/>
                    Acres: <h:outputText value="#{item.acre}" /><br/>
                    State: <h:outputText value="#{item.state}" /><br/>
                    <h:graphicImage library="images" name="#{item.image}" />
 
                    <h:form>
                        <h:commandButton  value="More Info" action="#{item.getResponse()}" />   
                    </h:form>
                </ui:repeat>
            </h:body>


        </ui:define>
    </ui:composition>
</html>

